<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>fixed scroll</title>
<style>
#f_box{position:absolute;left:0;top:0;}
body > div#f_box{position:fixed;left:0;top:0;}
</style>

<!--[if gte IE 5.5]>
	<![if lt IE 7]>
<style>
div#f_box{
left:expression((a = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)+'px');
top:expression((a = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+'px');
}
</style>
	<![endif]>
<![endif]-->
</head>

<body>
<div id="f_box" style="background:red;width:20px;height:50px;">
the fixed box
</div>
<script>
for(var i=0;i<100;i++)
	document.write('some words<br>');
</script>
<div>
<div style="border:1px solid green;position:relative;height:200px;left:30px;">
	<div style="margin:3px;border:1px solid blue;position:fixed;left:100px;top:5px;height:100px;width:20px;">good</div>
	<div style="margin:3px;border:1px solid blue;position:absolute;left:100px;top:5px;height:100px;width:20px;">good</div>
</div>
</div>
some words
</body>
</html>
